<style type="text/css">
	#content-center-albumGenre {
	width: 540px;
	position: relative;
	float: left;
	padding: 5px;

}
#content-center-albumGenre h4 {
	width: 100%;
	padding: 0px 0px 0px 10px;
	margin: 15px 0px 5px 0px;
	background: url('http://localhost/CODE2012/MusicWeb/application/views/user/public/image/icon/icon_all.gif') no-repeat left -526px;
	color:#2c2c2c;
}
#content-center-albumGenre ul {
	padding: 15px 5px 5px 5px;
	margin: 0px;
	background: url('http://localhost/CODE2012/MusicWeb/application/views/user/public/image/icon/linespace.gif');
	background-repeat: repeat-x;
	border: 1px solid #d8d8d8;

}

#content-center-albumGenre ul li {
	width: 520px;
	padding: 0px;
	border-bottom: 1px solid #e9e9e9;
	height: 160px;
	margin: 0px;

}
#content-center-albumGenre ul li:nth-child(5) {
	//border-bottom:none;
}

#content-center-albumGenre ul li .listAlbumGenre-item-info-title {
	width: 100%;
	padding: 5px;
	margin: 5px 0px 0px 0px;
	font-size: 15px;
}
.listAlbumGenre-item-info-title a {
	color:#08C;
}
.listAlbumGenre-item-info-title a:first-child {
	color:#2c2c2c;
	font-weight: bold;
}
#content-center-albumGenre ul li .listAlbumGenre-item-info {
	float: right;
	font-size: 12px;
	width: 380px;
	overflow:hidden;
	padding: 3px;
	margin: 0px;
	color: #3e3e3e;
}
.listAlbumGenre-item-info p {
	padding: 2px;
	margin: 0px;
}
#content-center-albumGenre ul li .listAlbumGenre-item-info-Review {
	padding-top: 5px;
	overflow: hidden;
	height: 75px;
}
.listAlbumGenre-item-info-img {
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 0px;

	float: left ;

}
.listAlbumGenre-item-info-img a img {
	width: 120px;
	height: 120px;

	
}
.view_all {
	font-size: 12px;
	text-align: right; 
}
.view_all a {
	color:#08C;
	background: url("http://localhost/CODE2012/MusicWeb/application/views/user/public/image/icon/icon_all.gif") no-repeat scroll 62px -1953px transparent;
	padding-right:20px;
}
.view_all a:hover {
	text-decoration: underline;
}
span.not-define {
	font-size: 12px;
	color: #565656;
}
</style>




<div id="content-center-albumGenre">
	<h4>Album <?php echo $data_listAlbumGenre[0]['strGenre'];?></h4>
	<ul>
	<?php
	$i=1;
	foreach ($data_listAlbumGenre as $item) {
		# code...
		echo "<li class='listAlbumGenre-item'>
		<p class='listAlbumGenre-item-info-title'><a href='{$url_path}nghe-album/{$item['titleAlbum']}/{$item['idAlbum']}.html'>{$item['strNameAlbum']}</a> - <a href='{$url_path}nghe-sy/{$item['titleArtist']}.html'>{$item['strArtist']}</a></p>
			<p class='listAlbumGenre-item-info-img'><a href='{$url_path}nghe-album/{$item['titleAlbum']}/{$item['idAlbum']}.html'><img src='{$upload_path}image/font-album/{$item['strImage']}'></a></p>
			<div class='listAlbumGenre-item-info'>";
			if (strlen($item['iYear'])!=0) {
				# code...
				echo "<p class='listAlbumGenre-item-info-Year'>Phát hành: {$item['iYear']}</p> ";
			}
			echo "<p class='listAlbumGenre-item-info-Rating'>Số lượt nghe: {$item['iRating']}</p>";
			if(strlen($item['strReview'])!=0) {
				echo "<p class='listAlbumGenre-item-info-Review'>{$item['strReview']}</p>";
			}
				
	echo	"</li> ";
	}
	if(count($data_listAlbumGenre)>=5) {
	echo "<p class='view_all'><a href='{$url_path}the-loai-{$data_listAlbumGenre[0]['idGenre']}/{$data_listAlbumGenre[0]['titleGenre']}/.html' title='Album {$data_listAlbumGenre[0]['strGenre']}'>Xem tất cả</a></p> ";
	}
	?>
	</ul>
	

</div>